
Page({
  /**
   * 页面的初始数据
   */
  data: {
    listData:[
        {"code":"20200901","password":"tom","phone":"type1","type":0},
        {"code":"20200902","password":"mary","phone":"type2","type":0},
        {"code":"20200903","password":"jack","phone":"type3","type":0},
        {"code":"20200904","password":"james","phone":"type4","type":0},
        {"code":"20200904","password":"peter","phone":"type4","type":0},
        {"code":"20200904","password":"mike","phone":"type4","type":0},
        {"code":"20200904","password":"text4","phone":"type4","type":1},
        {"code":"20200905","password":"text5","phone":"type5","type":1}
      ],
      showModalStatus: false,
      searchText:"",
      form:{
        name:"",
        type:0,
        password:""
      },
      title:"",
      flag:"" ,  //标记是新增还是编辑操作
       //普通选择器2：（普通json格式数组）
      objectArray: [
        {
          id: 0,
          name: '中国'
        },
        {
          id: 1,
          name: '美国'
        }
      ],
    },

    handleInput(e){
      this.data.searchText = e.detail.value
    },
    doSearch(){

    },
     //普通选择器2：
    bindPickerChange: function (e) {
      console.log('picker发送选择改变，携带值为', e.detail.value)
      this.setData({
        objectIndex: e.detail.value
      })
    },
 

    powerDrawer: function (e) {  
      var currentStatu = e.currentTarget.dataset.statu;  
      var item = e.currentTarget.dataset.item;
      //如果item不为null代表编辑，反之为新增
      if(item!=null){
        this.setData({
          "title":"编辑",
          "form.code":item.code,
          "form.type":item.type,
          "form.password":item.password
        })
       
      }else{
        this.setData({
          "title":"新增",
          "form":{
            code:"",
            type:0,
            password:""
          },
        })
      }

      this.util(currentStatu)  
    
    },  
    util: function(currentStatu){  
      /* 动画部分 */  
      // 第1步：创建动画实例   
      var animation = wx.createAnimation({  
        duration: 200,  //动画时长  
        timingFunction: "linear", //线性  
        delay: 0  //0则不延迟  
      });  
        
      // 第2步：这个动画实例赋给当前的动画实例  
      this.animation = animation;  
    
      // 第3步：执行第一组动画  
      animation.opacity(0).rotateX(-100).step();  
    
      // 第4步：导出动画对象赋给数据对象储存  
      this.setData({  
        animationData: animation.export()  
      })  
        
      // 第5步：设置定时器到指定时候后，执行第二组动画  
      setTimeout(function () {  
        // 执行第二组动画  
        animation.opacity(1).rotateX(0).step();  
        // 给数据对象储存的第一组动画，更替为执行完第二组动画的动画对象  
        this.setData({  
          animationData: animation  
        })  
          
        //关闭  
        if (currentStatu == "close") {  
          this.setData(  
            {  
              showModalStatus: false  
            }  
          );  
        }  
      }.bind(this), 200)  
      
      // 显示  
      if (currentStatu == "open") {  
        this.setData(  
          {  
            showModalStatus: true  
          }  
        );  
      }  
    },
  

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    wx.cloud.init({
      env: 'tp_app_34ot4'
    })
    const db = wx.cloud.database();
    console.log(wx.cloud.database);
    console.log(db.collection('th_orders'));
    db.collection('th_orders').get({
      success: function (res) {
        console.log(res)
      }
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})